<template>
	<view class="container">
		<view class="carousel-section">
			<swiper autoplay class="carousel" circular>
				<swiper-item style="width: 692rpx; height: 358rpx;">
					<image  style="width: 692rpx; height: 100%;"  src="/static/imgnew/Pic.png" />
				</swiper-item>
				<swiper-item style="width: 692rpx; height: 358rpx">
					<image  style="width: 692rpx; height: 100%;"  src="/static/imgnew/Pic.png" />
				</swiper-item>
			</swiper>
			<!-- 自定义swiper指示器 -->
			<!-- <view class="swiper-dots">
				<text class="num">{{swiperCurrent+1}}</text>
				<text class="sign">/</text>
				<text class="num">{{swiperLength}}</text>
			</view> -->
		</view>
		
		
		<view class="part-wrap">
			<view class="part-item" @tap="enterpage('/pages/xunjianxiangmu/xunjianxiangmu')">
				<view class="img-wrap"><image style="width: 126rpx; height: 126rpx;"  src="/static/imgnew/icon_xcjl.png" /></view>
				<view class="desc-menu">巡检项目</view>
			</view>
			<view class="part-item" @tap="enterpage('/pages/xunchajilu/xunchajilu')">
				<view class="img-wrap"><image style="width: 126rpx; height: 126rpx;"  src="/static/imgnew/icon_xcmx.png" /></view>
				<view class="desc-menu">巡查明细</view>
			</view>
			<view class="part-item" @tap="enterpage('/pages/weixiujilu/weixiujilu')">
				<view class="img-wrap"><image style="width: 126rpx; height: 126rpx;"  src="/static/imgnew/icon_wxjl.png" /></view>
				<view class="desc-menu">维修记录</view>
			</view>
			<view class="part-item" @tap="enterfenxi">
				<view class="img-wrap"><image style="width: 126rpx; height: 126rpx;"  src="/static/imgnew/icon_tjfx.png" /></view>
				<view class="desc-menu">统计分析</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import { mapState, mapMutations } from 'vuex'
	import ykAuthpup from "@/components/yk-authpup/yk-authpup";
	export default {
		data() {
			return {
				
				swiperCurrent: 0,
				swiperLength: 0,
				carouselList: []
				
			};
		},

		onLoad() {
			
		},
		
	
		methods: {
			enterfenxi(){
				uni.switchTab({
					url: '/pages/tongjifenxi/index'
				});

			},
			enterpage(path){
				
				uni.navigateTo({
					url: path
				});
				
			}
		
		}
	}
</script>

<style lang="scss">
	.carousel-section{
		// height:358rpx;
		margin:0 auto;
		margin-top:60rpx;
		width:692rpx;
	}
	.part-wrap{
		margin:0 auto;
		margin-top:60rpx;
		width:692rpx;
		display:flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.part-item{
		font-weight:bold;
		padding-top:54rpx;
		box-sizing: border-box;
		text-align: center;
		margin-bottom:40rpx;
		width: 331rpx;
		height: 278rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 8rpx 16rpx 0rpx #D4E5FF;
		border-radius: 20rpx;
	}

</style>
